<html>
<head>
  <title>Devcathlon: Phillip's Profile</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  .style1 {color: #CCCCCC}
  .style2 {
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}
  .style3 {
	color: #3366CC;
	font-style: italic;
}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->

<div class="wrapper">

<h2>Phillip's Profile</h2> 

</div> 
<!-- End class=wrapper -->

<div class="entry"><br>
<div id="profile">
<table width="264" border="1" bordercolor="93A7FF" bgcolor="#FFFFFF" class="card">
  <tr>
    <td colspan="4" bordercolor="97A7FF" bgcolor="93A7FF"><strong>Phillip (</strong><a href="#" class="style2">add as friend</a><strong>)</strong></td>
  </tr>
  <tr>
    <td width="59"  rowspan="2" bordercolor="97A7FF" bgcolor="93A7FF"><img src="default.jpg"/></td>
    <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF">Level</td>
    <td width="70" bordercolor="97A7FF" bgcolor="93A7FF">Professor</td>
  </tr>
  <tr>
    <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF">Profile Points</td>
    <td height="30" bordercolor="97A7FF" bgcolor="93A7FF">99999 pts</td>
  </tr>
  <tr>
    <td colspan="4" bordercolor="97A7FF" bgcolor="93A7FF"><strong>Most Recent Achievements</strong></td>
  </tr>
  <tr>
    <td width="59" bordercolor="97A7FF" bgcolor="93A7FF"><center>
      <img src="uberGeek.jpeg" width="58" height="58">
    </center></td>
    <td width="56" bordercolor="97A7FF" bgcolor="93A7FF"><center>
      <img src="achv1.jpg">
    </center></td>
    <td width="51" bordercolor="97A7FF" bgcolor="93A7FF"><img src="achv2.jpg"></td>
    <td bordercolor="97A7FF" bgcolor="93A7FF">&nbsp;</td>
  </tr>
</table>

<table width="300" border="1" class="match">
  <tr>
    <td width="181"><a href="mymatches.html"><strong>My Recent Matches</strong></a></td>
    <td width="84"><div align="right"><strong>Scoreboard</strong></div></td>
  </tr>
  <tr>
    <td width="200"><a href="mymatches.html"><strong>Are You Mocking Me?</strong></a><br> Mockup1 vs Mockup2 vs Mockup3</td>
    <td><div align="right">-20 to -20 to 10</div></td>
  </tr>
  <tr>
    <td><a href="mymatches.html"><strong>Battle at Gotham City</strong></a><br>Gotham City Police vs. Joker &amp; Co.</td>
    <td><div align="right">346 to 345 Final</div></td>
  </tr>
</table>

<table width="303" border="1" class="match">
  <tr>
    <td colspan="2"><strong>My Friends</strong></td>
    <td width="82"><strong>Profile Pts.</strong></td>
  </tr>
  <tr>
    <td width="51" height="50"><center><a href="myprofile.html"><img src="default.jpg"></a></center></td>
    <td width="148"><a href="myprofile.html">John</a></td>
    <td>30 pts</td>
  </tr>
  <tr>
    <td weight="50" height="50"><center><img src="default.jpg"></center></td>
    <td width="148">John Z.</td>
    <td>80 pts</td>
  </tr>
</table>

<br>
<br>
<table width="554" border="0" class="achievements">
  <tr>
    <td colspan="2"><strong>Most Recent Achievements <a href="compare.html" class="style3">(compare achievements)</a></strong></td>
    <td width="64"><strong>Points</strong></td>
  </tr>
  <tr bgcolor="#E9F0FF">
    <td height="50" class="style1"><p><img src="uberGeek.jpeg" alt="" width="58" height="58"></p>
      </td>
    <td><p><strong>Uber Geek status:<br>
    </strong>Geek life is awesome, social life is damn low.</p>
      </td>
    <td><p>&nbsp;</p>
      <p>100050 pts</p></td>
  </tr>
  <tr bgcolor="#E9F0FF">
    <td width="50" height="50"><center><img src="achv1.jpg"></center></td>
    <td width="407"><p><strong>Perfectionist: </strong><br>Your program has reached 100% coverage (min. 2000 lines)</p>    </td>
    <td> 20 pts</td>
  </tr>
  <tr>
    <td width="50" height="50"><center><img src="achv2.jpg"></center></td>
    <td width="407"><p><strong>You Need a Life:</strong> <br>Committed everyday of the week (min. 500 lines)</p></td>
    <td>10 pts</td>
  </tr>
</table>
</div> 
<!-- Ends id=profile -->
 
</div> <!-- Ends id=entry -->

<div id="footerFeedback">
<p>
Once a match is over, most of the stats are just thrown away.  We felt it was a waste to let past 
efforts fade into the past.  

Under My Profile, we discussed extra acheivements that will forever 
be seen within their profile.  The idea is really a programmer's version of Microsoft's Gamer Card 
<a href="http://www.xbox.com/en-US/MyXbox/embedgamercard.htm">[link]</a>.  These 
achievements can be taken as a plateau/breakthrough marker as a software developer.  Example of an 
achievement would be: A project has reached 100% coverage (min. 1500 lines).     

It is surprisingly fun and competitive trying to complete all the achievements.  In addition to 
challenging oneself to complete the list, users can also compare their achievements with others in 
the community thus competing against others individually.
 
</p>
<p>
This can be an additional section under the hall of fame.
</p>

</div>
</div> <!-- End id=page -->

</body>
</html>
